﻿<!--
 * @Author: your name
 * @Date: 2021-03-25 09:07:37
 * @LastEditTime: 2021-03-25 10:21:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \tiny-heart-master\birthday-mobile\Memories.html
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"
    />
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/memories.css" />
  </head>

  <body>
    <!-- 背景音乐 -->
    <div style="display: none">
      <!-- 网易云外链 -->
      <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width="330"
        height="86"
        src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"
      ></iframe>
    </div>
    <div class="bgcolor">
      <div style="z-index: 100" id="dowebok">
        <!--第一屏-->
        <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">仿写了一个开源的网页项目</p>
              <p class="ly-stxt02">好久没做这种了</p>
              <p class="ly-stxt03">有点糙</p>
			  <p class="ly-stxt04">其实蛋糕那块是有音乐的</p>
			  <p class="ly-stxt05">电脑效果会好一点</p>
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt06">希望你喜欢吧</p>
			  <p class="ly-stxt07">还有,祝福在下一页</p>
            </div>
          </div>
        </div>

        <!--第二屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
              <img class="ly-img11" src="img/1.png" />      
          </div>
          <div class="ly-triangle11"></div>
		  <div class="ly-box12">
            <div class="ly-txt13">岁不淹兮 十七又一</div>
            <div class="ly-txt14">
				<p>ヾ(≧▽≦*)o</p>
			    <p>祝你所有的梦想都能实现!</p>
			    <p>祝你所有的等候都能出现!</p>
				<p>祝你所有的烦恼都能消失!</p>
				<p>祝你想要的都得到,得到的都美好!</p>
				<p>希望所有俗套的祝福语都在你身上灵验,每天都能开开心心!</p>
            </div>
          </div>

          <div class="ly-triangle12"></div>
        </div>
		

		<div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
            <div class="ly-txt31">祝你快乐,不止生日</div>
            <div class="ly-txt32">
			  <p></p>
              <p>原项目其实还有好多不错的页面效果,但因为最近任务有点多,没啥时间做样式调整优化了,而且也不确定你会不会喜欢....总之别起反效果就好.</p>
			  <p></p>
			  <p></p>
			  <p>~~</p>
			  <p>还有啊,锐姐姐,我的目标是让你开心,如果你觉得烦恼了直接告诉我就行,我会自己走开的.</p>
            </div>
			<!-- <div class="ly-imgbox31"> -->
              <!-- <img class="ly-img31" src="img/gs.jpg" /> -->
            <!-- </div> -->

        </div>
		    
	</div>
  </div>
    <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->
    <audio src="music/3.mp3" autoplay="autoplay" loop="loop"></audio>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script src="js/memories.js"></script>
  </body>
</html>
